<div class="febs-container" id="modelShip-process">
    <div class="febs-open-body febs-open-body layui-fluid" lay-title="船模加工过程">
        <form class="layui-form" action="" lay-filter="modelShip-process-form">
            <input type="hidden" name="id">
            <input type="hidden" name="status">
            <input type="hidden" name="statusName">
            <div id="stepContent" class="step-content"></div>
            <fieldset class="layui-elem-field">
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs4">
                            <label class="layui-form-label febs-form-item-require " style="width: 100px !important;">项目编号：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.projectCode}"></div>
                        </div>
                        <div class="layui-col-xs4">
                            <label class="layui-form-label febs-form-item-require " style="width: 100px !important;">船模编号：</label>
                            <div class="layui-input-block layui-input-block-html" th:text="${modelShip.shipCode}"></div>
                        </div>
                        <div class="layui-col-xs4 container">
                            <!--<label class="layui-form-label">加工过程</label>-->
                            <button id="showProcs" type="button" class="layui-btn layui-btn-xs layui-btn-primary layui-border-blue" style="margin-right: 70px;" lay-event="procsList" >流程操作记录</button>
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset class="layui-elem-field" id="base_field_one">
                <legend>开始</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">开始时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="actuallyStartdate" id="actuallyStartdate" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset class="layui-elem-field" id="base_field_two" style="display: contents !important;">
                <legend>上传图纸</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="uploadChartTime" id="uploadChartTime" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">工时：</label>
                            <div class="layui-input-block layui-input-block-html" id="uploadChartDiv"></div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div id="fileUpload" style="height: 120px ;width: 100%"></div>
                    </div>
                </div>

            </fieldset>
            <fieldset class="layui-elem-field" id="base_field_three">
                <legend>下料</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label  febs-form-item-require">操作员：</label>
                            <div class="layui-input-block">
                                <!--<input type="text" name="cutOperator" autocomplete="off" class="layui-input" maxlength="32" >-->
                                <select name="cutOperator" id="cutOperator"  >
                                    <option th:each="item:${operateUsers }"
                                            th:value="${item.userId}" th:text="${item.uname}"
                                            th:selected="${cutOperator ==item.userId}">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="cutTime" id="cutTime" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">工时：</label>
                            <div class="layui-input-block layui-input-block-html" id="cutTimeDiv"></div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset class="layui-elem-field" id="base_field_four">
                <legend>粗切</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label  febs-form-item-require">操作员：</label>
                            <div class="layui-input-block">
                                <!--<input type="text" name="roughCutOperator" autocomplete="off" class="layui-input" maxlength="32" >-->
                                <select name="roughCutOperator" id="roughCutOperator"  >
                                    <option th:each="item:${operateUsers }"
                                            th:value="${item.userId}" th:text="${item.uname}"
                                            th:selected="${roughCutOperator ==item.userId}">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="roughCutTime" id="roughCutTime" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">工时：</label>
                            <div class="layui-input-block layui-input-block-html" id="roughCutTimeDiv"></div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset class="layui-elem-field" id="base_field_five">
                <legend>精切</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label  febs-form-item-require">操作员：</label>
                            <div class="layui-input-block">
                                <!--<input type="text" name="fineCutOperator" autocomplete="off" class="layui-input" maxlength="32" >-->
                                <select name="fineCutOperator" id="fineCutOperator"  >
                                    <option th:each="item:${operateUsers }"
                                            th:value="${item.userId}" th:text="${item.uname}"
                                            th:selected="${fineCutOperator ==item.userId}">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="fineCutTime" id="fineCutTime" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">工时：</label>
                            <div class="layui-input-block layui-input-block-html" id="fineCutTimeDiv"></div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset class="layui-elem-field" id="base_field_six">
                <legend>修模</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label  febs-form-item-require">操作员：</label>
                            <div class="layui-input-block">
                                <!--<input type="text" name="modRepairOperator" autocomplete="off" class="layui-input" maxlength="32">-->
                                <select name="modRepairOperator" id="modRepairOperator"  >
                                    <option th:each="item:${operateUsers }"
                                            th:value="${item.userId}" th:text="${item.uname}"
                                            th:selected="${modRepairOperator ==item.userId}">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="modRepairTime" id="modRepairTime" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">工时：</label>
                            <div class="layui-input-block layui-input-block-html" id="modRepairTimeDiv"></div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset class="layui-elem-field" id="base_field_seven">
                <legend>油漆</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label  febs-form-item-require">操作员：</label>
                            <div class="layui-input-block">
                                <!--<input type="text" name="paintOperator" autocomplete="off" class="layui-input" maxlength="32">-->
                                <select name="paintOperator" id="paintOperator"  >
                                    <option th:each="item:${operateUsers }"
                                            th:value="${item.userId}" th:text="${item.uname}"
                                            th:selected="${paintOperator == item.userId}">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="paintTime" id="paintTime" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">工时：</label>
                            <div class="layui-input-block layui-input-block-html" id="paintTimeDiv"></div>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset class="layui-elem-field" id="base_field_eight">
                <legend>完成</legend>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label febs-form-item-require">完成时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="finishTime" id="finishTime" autocomplete="off" class="layui-input" maxlength="32" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <table class="layui-table">
                    <colgroup>
                        <col width="20%">
                        <col width="20%" >
                        <col width="30%" >
                        <col width="30%" >
                    </colgroup>
                    <thead>
                    <tr>
                        <th>检验项目</th>
                        <th>船模质量标准</th>
                        <th>检验结果</th>
                        <th>检验结论</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <th>拼版胶压</th>
                        <td>压保持时间：48h～72h</td>
                        <td ><input type="text" name="layoutPresRes" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">h
                        </td>
                        <td><input type="text" name="layoutPresConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>
                    <tr>
                        <th rowspan="3">船模垂线间长</th>
                        <td rowspan="3">误差限：±1mm 或± 0.05%船模长，取大值</td>
                        <td class="no-wrap">要求长度：<input type="text" name="lbpStandard" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                        <td rowspan="3"><input type="text" name="lbpConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>
                    <tr>
                        <td class="no-wrap">实际长度：<input type="text" name="lbpActual" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>
                    <tr>
                        <td class="no-wrap">误差：<input type="text" name="lbpError" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>

                    <tr>
                        <th rowspan="3">船模型宽（10#）</th>
                        <td rowspan="3">误差限：±1mm</td>
                        <td class="no-wrap">要求型宽：<input type="text" name="smwStandard" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                        <td rowspan="3"><input type="text" name="smwConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>
                    <tr>
                        <td class="no-wrap">实际型宽：<input type="text" name="smwActual" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>
                    <tr>
                        <td class="no-wrap">误差：<input type="text" name="smwError" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>

                    <tr>
                        <th rowspan="3">船模轴高</th>
                        <td rowspan="3">误差限：±0.5mm</td>
                        <td class="no-wrap">要求轴高：<input type="text" name="smahStandard" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                        <td rowspan="3"><input type="text" name="smahConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>
                    <tr>
                        <td class="no-wrap">实际轴高：<input type="text" name="smahActual" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>
                    <tr>
                        <td class="no-wrap">误差：<input type="text" name="smahError" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>

                    <tr>
                        <th rowspan="3">船模轴间距（可选）</th>
                        <td rowspan="3">误差限：±0.5mm</td>
                        <td class="no-wrap">要求轴间距：<input type="text" name="smawStandard" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                        <td rowspan="3"><input type="text" name="smawConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>
                    <tr>
                        <td class="no-wrap">实际轴间距：<input type="text" name="smawActual" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>
                    <tr>
                        <td class="no-wrap">误差：<input type="text" name="smawError" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">m</td>
                    </tr>

                    <tr>
                        <th>船模横向卡板</th>
                        <td>误差限：±0.5mm</td>
                        <td ><input type="text" name="smtcbRes" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">
                        </td>
                        <td><input type="text" name="smtcbConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>

                    <tr>
                        <th>艏艉纵向卡板</th>
                        <td>误差限：±0.5mm</td>
                        <td ><input type="text" name="bslcpRes" autocomplete="off" class="layui-input input-inline" maxlength="22" placeholder="请输入">
                        </td>
                        <td><input type="text" name="bslcpConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>

                    <tr>
                        <th>油漆</th>
                        <td>表面是否均匀光滑</td>
                        <td ><input type="checkbox" name="paintSmoothRes" title="是" value="1">
                        </td>
                        <td><input type="text" name="paintSmoothConcl" autocomplete="off" class="layui-input" maxlength="22"></td>
                    </tr>

                    <tr>
                        <th>油漆</th>
                        <td>勘划是否准确</td>
                        <td ><input type="checkbox" name="paintSurveyRes" title="是" value="1" >
                        </td>
                        <td><input type="text" name="paintSurveyConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>

                    <tr>
                        <th>站号</th>
                        <td>标注是否符合要求</td>
                        <td ><input type="checkbox" name="stationMarkRes" title="是" value="1" >
                        </td>
                        <td><input type="text" name="stationMarkConcl" autocomplete="off" class="layui-input" maxlength="22" placeholder="请输入"></td>
                    </tr>
                    </tbody>
                </table>
            </fieldset>

            <div class="layui-form-item" align="center" id="btnDiv">
                <button class="layui-btn" lay-submit="" lay-filter="modelShip-process-form-submit" id="submit">提交</button>
                <button type="reset" class="layui-btn" id="reset">返回</button>
            </div>
        </form>
    </div>
</div>
<script data-th-inline="javascript">
    var modelShipData = [[${modelShip}]];
    var attachs =  [[${attachs}]];
    var procs =  [[${procs}]];
    var test =  [[${test}]];
    var uploadChartTime = [[${uploadChartTime}]];
    var cutTime =  [[${cutTime}]];
    var cutOperator =  [[${cutOperator}]];
    var roughCutTime =  [[${roughCutTime}]];
    var roughCutOperator =  [[${roughCutOperator}]];
    var fineCutTime =  [[${fineCutTime}]];
    var fineCutOperator =  [[${fineCutOperator}]];
    var modRepairTime =  [[${modRepairTime}]];
    var modRepairOperator =  [[${modRepairOperator}]];
    var paintTime =  [[${paintTime}]];
    var paintOperator =  [[${paintOperator}]];
    var isPmRole = [[${isPmRole}]];
</script>
<script data-th-inline="javascript" type="text/javascript" th:src="@{/febs/js/sypq/modelShip/modelShipProcess.js(v=1)}"></script>

<style>
    .no-wrap {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .input-inline {
        display: inline !important;
        height: 25px !important;
        width: 48% !important;
    }
    .step-item-head {
        cursor: pointer;
    }

    .container {
        display: flex;
        justify-content: flex-end; /* 使子元素靠右对齐 */
        align-items: center; /* 使子元素垂直居中 */
        /*height: 100px; !* 为了演示目的设置高度 *!*/
    }
    .container .layui-btn-xs{
        height: 40px;
    }

    .align-right {
        margin-left: auto; /* 使button靠右 */
        line-height: 20px;
    }

    .layui-row{
        margin-top: 35px;
        margin-bottom: 35px;
        margin-left: 80px;
    }

    #btnDiv .layui-btn {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .step-content {
        margin-top: 30px !important;
        margin-left: 100px !important;
    }

    .layui-elem-field legend {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .febs-tabs-item {
        height:auto;
    }
</style>